// 一、点击注册和请登录,表单切换显示隐藏
// 1.1 注册按钮
$('#goto-register').click(() => {
    // 1.2 显示注册表单
    $('#register').stop().show()
});
// 1.3 去登录按钮
$('#goto-login').click(() => {
    // 1.4 隐藏注册表单
    $('#register').stop().hide()
});

// 二、注册的表单验证
// 2.1 解构出layui对象中的form对象,制定验证规则
// 2.2 自定义验证规则
// 以上两步统一在veryfy.js文件中

// 2.3 点击注册按钮发送ajax请求,注册表单提交事件
$('#register .layui-form').on('submit', e => {
    // 2.4 阻止表单默认行为
    e.preventDefault();

    // 2.5 获取表单的值
    const dataObj = {
        username: $('#register input[name=username]').val().trim(),
        password: $('#register input[name=password]').val().trim()
    };
    // console.log(dataObj);

    // 2.6 将获取的表单值转换成需要的格式
    // `注意`后台要key=value&key=value字符串!!!!!
    // {username: "111111", password: "111111"}
    // const dataArr = []
    // for (const key in data) {
    //     dataArr.push(`${key}=${data[key]}`)
    // }
    // const dataStr = dataArr.join('&')
    // console.log(dataStr);

    // 2.6 调用封装好的函数进行格式转换
    const dataStr = changeFormatStr(dataObj)

    // 2.7 调用注册请求的函数发送请求
    postReguser(dataStr, (res) => { // 形参接收
        if (res.data.status == 0) {
            $('#register').stop().hide()
        }
    })

})

// 三、登录按钮注册表单提交事件
$('#login .layui-form').on('submit', e => {
    // 3.1 阻止表单默认跳转
    e.preventDefault();
    // 3.2 获取表单的值
    const dataObj = {
        username: $('#login input[name=username]').val().trim(),
        password: $('#login input[name=password]').val().trim()
    };
    // console.log(dataObj);

    // 3.3 将获取的表单值转换成需要的格式
    // `注意`后台要key=value&key=value字符串!!!!!
    // {username: "111111", password: "111111"}
    // const dataArr = []
    // for (const key in dataObj) {
    //     dataArr.push(`${key}=${dataObj[key]}`)
    // }
    // const dataStr = dataArr.join('&')

    // 3.3 调用封装好的函数进行格式转换
    const dataStr = changeFormatStr(dataObj)

    // 3.4 调用封装好的登录请求函数(利用axios发送请求)

    postLogin(dataStr, (res) => {
        // console.log(res);
        // 3.5 解构出我们需要的数据
        const { status, token } = res.data
        if (status == 0) {
            // 3.6 登录成功后保存服务器端给我们的token
            localStorage.setItem('token', token);
            // 3.7 设置1秒后跳转页面
            setTimeout(() => {
                window.location.href = './index.html'
            }, 1000);
        }
    })
})